<!DOCTYPE HTML>

<html>

<head>
	<meta http-equiv="content-type" content="IE=9; text/html; charset=UTF-8;"/>
	<title>Angie Marin's homepage</title>
	<link rel="stylesheet" type="text/css" href="style/main.css">
	<script src="style/main.js"></script>
	<script>
		var linksClicked = false;
		function onClicked(event) {
			event.preventDefault();
			if(!linksClicked) {
				linksClicked = true;
				document.getElementById("linksList").style.display = "inline-block";
				document.getElementById("linksList").style.height = 60 + "px";
			} else {
				linksClicked = false;
				document.getElementById("linksList").style.display = "none";
				document.getElementById("linksList").style.height = 0 + "px";
			}
		}

	</script>
</head>
<body onLoad="beginAll();">
<div id="left" class="block" style="width:30%;">
	<p>
		Angie Lorena Marín Mejía <br>
		Master in Interaction Science<br>
		HRI & HCI Studies<br>
		<a href="" class="customLink" onclick="onClicked(event)">Links
		<div id="linksList">
			<a class="customLink" href="http://www.angiemarin.com">>Personal webpage</a><br>
			<a class="customLink" href="http://jp.linkedin.com/in/angiemarin" target="_blank">>Linkedin webpage</a><br>
			<a class="customLink" href="videos.html" target="detailPage" onclick="onVideoLinkClicked()">>Demo Videos</a><br>
			<a class="customLink" href="" onclick="onImageLinkClicked()">>Pictures</a><br>
			<a class="customLink" href="papers.html">>Articles & papers</a>		
		</div>
		</a>	
		<div>
		<a href="contact.html" target="detailPage" class="customLink">Contact Info</a><br>
		</div>	
	</p>
</div>
<div id="right" class="block" name="right" style="font-size:0;width:70%; height:100%;overflow-y:auto; position:relative;">
	<iframe id="iframeRender" name="detailPage" src="" style="padding:0px;margin:0px;display:none;vertical-align:top;position:relative;margin-left:auto;margin-right:auto;width:100%;height:100%;border:none;"></iframe>
</div>

</body>
</html>